<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>阿拉膳（天津）健康科技集团</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="keyword" content="">
    <meta name="description" content="">
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/style.css">
</head>
<body style="user-select: none;">
    <div id="search-box">
        <div id="search-bar">
            <!--<div class="header-search"></div>-->
            <!--11-14 add-->
            <div class="header-search-box">
                <input type="text" placeholder=" 请输入搜索文本">
            </div>


        </div>
    </div>
    <!--header-->
    <div id="header"></div>
    <!--slider-->
    <div id="slider-box">
        <ul class="slider-items clearfix">
            <li class="slider-item" style="background-image:url('img/banner01.png');">
                <a href="group-details.html" style="display: block"></a>
            </li>
            <li class="slider-item" style="background-image:url('img/banner02.jpg')">
                <a href="honor.html"></a>
            </li>
            <li class="slider-item" style="background-image:url('img/banner01.png');">
                <a href="group-details.html"></a>
            </li>
            <li class="slider-item" style="background-image:url('img/banner02.jpg')">
                <a href="honor.html"></a>
            </li>
        </ul>
        <div class="control-btn">
            <ul class="point">
                <li ></li>
                <li ></li>
                <li ></li>
            </ul>
            <div class="previous"></div>
            <div class="next"></div>
        </div>
    </div>
    <!--main01-->
    <div id="main01">
        <div class="header-bar-bg"></div>
        <div id="main01-box">
            <!-- news-->
            <div id="news">
                <div class="news-header">
                    <ul class="news-nav">
                        <li class="active">集团新闻</li>
                        <li>行业动态</li>
                    </ul>
                </div>
                <!--集团新闻-->
                <div class="news-container" style="display: block" id="jtxw">
                    <div class="news-headline">
                        <!--<a href="news-details.html">-->
                            <!--<p class="news-headline-title">-->
                                <!--<span class="headline-date">2018.10.23</span>-->
                                <!--<span class="headline-title">生物医药创新产业园获授“和谐劳...</span>&lt;!&ndash;待完成：将汉字转为。。。&ndash;&gt;-->
                            <!--</p>-->
                            <!--<p class="news-headline-content">为建设园空间的开发萨科技大立科技埃里克森的克拉克萨洛克的解放路空间撒拉区金融服务及行业资源互动平台，促进驻区企业与金融行业之间的沟通交流，生物医药创新产业园区.......</p>-->
                        <!--</a>-->
                    </div>
                    <ul class="news-items">
                        <!--<li class="news-item"><a href="news-details.html"><span class="news-item-title">金秋助学成就梦想 不忘初心薪火相传 </span><span class="news-item-date">2018.10.23</span></a></li>-->
                        <!--<li class="news-item"><a href="news-details.html"><span class="news-item-title">金秋助学成就梦想 不忘初心薪火相传 </span><span class="news-item-date">2018.10.23</span></a></li>-->
                    </ul>
                </div>
                <!--行业动态-->
                <div class="news-container" id="hydt">
                    <div class="news-headline">
                        <!--<a href="news-details.html">-->
                            <!--<p class="news-headline-title">-->
                                <!--<span class="headline-date">2018.10.24</span>-->
                                <!--<span class="headline-title">动平台，促进驻区企业与金融行业之间的沟通交流动平台，促进驻区企业与金融行业之间的沟通交流</span>&lt;!&ndash;待完成：将汉字转为。。。&ndash;&gt;-->
                            <!--</p>-->
                            <!--<p class="news-headline-content">动平台，促进驻区动平台，促进驻区动平台，促进驻区动平台，促进驻区动平台，促进驻区动平台，促进驻区动平台，促进驻区企业与金融行业之间的沟通交流，生物医药创新产业园区.......</p>-->
                        <!--</a>-->
                    </div>
                    <ul class="news-items">
                        <!--<li class="news-item"><a href="news-details.html"><span class="news-item-title">金秋心薪火相传 </span><span class="news-item-date">2018.10.23</span></a></li>-->
                        <!--<li class="news-item"><a href="news-details.html"><span class="news-item-title">金秋助学成就梦想 不忘初心薪火相传 </span><span class="news-item-date">2018.10.23</span></a></li>-->
                    </ul>
                </div>
            </div>
            <!--修改-->
            <!--产品介绍-->
            <div id="product-intro">
                <p class="product-intro-title">产品展示</p>
                <div class="product-intro-main">
                    <div class="product-intro-items slider">
                        <div class="product-intro-box">
                            <div class="product-intro-item">
                                <a href="#">
                                    <div class="intro-item-img">
                                        <img src="img/index-slick-img.png" alt="">
                                    </div>
                                    <p class="intro-item-text">长宝大厦</p>
                                </a>
                            </div>
                            <div class="product-intro-item">
                                <a href="#">
                                    <div class="intro-item-img">
                                        <img src="img/index-slick-img.png" alt="">
                                    </div>
                                    <p class="intro-item-text">长宝大厦</p>
                                </a>
                            </div>
                            <div class="product-intro-item">
                                <a href="#">
                                    <div class="intro-item-img">
                                        <img src="img/index-slick-img.png" alt="">
                                    </div>
                                    <p class="intro-item-text">长宝大厦</p>
                                </a>
                            </div>
                            <div class="product-intro-item">
                                <a href="#">
                                    <div class="intro-item-img">
                                        <img src="img/index-slick-img.png" alt="">
                                    </div>
                                    <p class="intro-item-text">长宝大厦</p>
                                </a>
                            </div>
                            <div class="product-intro-item">
                                <a href="#">
                                    <div class="intro-item-img">
                                        <img src="img/index-slick-img.png" alt="">
                                    </div>
                                    <p class="intro-item-text">长宝大厦</p>
                                </a>
                            </div>
                            <div class="product-intro-item">
                                <a href="#">
                                    <div class="intro-item-img">
                                        <img src="img/index-slick-img.png" alt="">
                                    </div>
                                    <p class="intro-item-text">长宝大厦</p>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="product-intro-nextbtn"></div>
                </div>
            </div>
        </div>
    </div>
    <!--main02-->
    <div id="main02">
        <div id="main02-box">
            <div id="group-intro">
                <a href="group-intro.html">
                    <div class="group-intro-container">
                        <p class="group-intro-title">集团介绍</p>
                        <p class="group-intro-title-en">GROUP INTRODUCTIC</p>
                        <p class="group-intro-description">实力雄厚&nbsp;&nbsp;&nbsp;&nbsp;管理规范&nbsp;&nbsp;&nbsp;&nbsp;成就产业大格局</p>
                    </div>
                </a>

            </div>
            <div id="industrial-layout">
                <div class="industrial-layout-title">
                    <p class="industrial-layout-title-cn">产业布局</p>
                    <p class="industrial-layout-title-en">INDUSTRIAL LAYOUT</p>
                </div>
                <ul class="industrial-layout-items">
                    <li>
                        <a href="detecting-system.html?type=0">
                            <div class="industrial-layout-icon"></div>
                            <p class="industrial-layout-text">核心产品</p>
                        </a>
                    </li>
                    <li>
                        <a href="detecting-system.html?type=1">
                            <div class="industrial-layout-icon"></div>
                            <p class="industrial-layout-text">检测系统</p>
                        </a>
                    </li>
                    <li>
                        <a href="detecting-system.html?type=2">
                            <div class="industrial-layout-icon"></div>
                            <p class="industrial-layout-text">运营服务</p>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <!--footer-->
    <div id="footer"></div>
    <script src="js/jquery.min.js"></script>
    <script src="js/main.js"></script>
    <script src="js/slider.js"></script>
    <script src="js/slider-mini.js"></script>
    <script>
        $(".news-nav li").on("click",function () {
            var index = $(this).index();
            if(index==0){
                window.location.href = "news-jtxw.html"
            }else if(index==1){
                window.location.href = "news-hydt.html"
            }
        })
        var getUrl = global.location+"/Api/New/get_hxcp";
        getAjax(getUrl,function (res) {
            var html = '';
            for(var i=0;i<res.length;i++){
                html+=`
                     <div class="product-intro-item">
                        <a href="industry-layout-details.html?id=${res[i].id}&type=0">
                            <div class="intro-item-img">
                                <img src="${res[i].img}" alt="">
                            </div>
                            <p class="intro-item-text">${res[i].title}</p>
                        </a>
                    </div>
                `
            }
            $(".product-intro-box").html(html);
        })
    </script>
</body>
</html>